<!--
 * @Author: zhangwei 1405298045@qq.com
 * @Date: 2022-02-22 10:50:03
 * @LastEditTime: 2022-04-19 17:23:42
 * @LastEditors: zhangwei 1405298045@qq.com
 * @Description: 
 * @FilePath: /ll-fe-mp-dyfx/src/authorizePage/TikTockLinkGuidance.vue
 *  
-->
<template>
	<view class="layout">
		<view class="layout-header">
			<DistributionNavBar leftColor="#000" backgroundColor="transparent">
				<template slot="left">
					<image class="layout-header-image" :src="bankIcon" @click="clickBack" />
				</template>
			</DistributionNavBar>
		</view>

		<view class="layout-main">
			<image :src="imgUrl" mode="widthFix" />
		</view>
	</view>
</template>

<script>
import { defaultImageUrl } from '@/utils';
import DistributionNavBar from '@/components/distributionNavBar/indeHome';

const bankIcon = Object.freeze(`${defaultImageUrl}help/icon_navbar_back.png`);

export default {
	name: 'TikTockLinkGuidance',

	data() {
		return {
			bankIcon,
			imgUrl: ''
		};
	},

	onLoad(params) {
		const { imgUrl } = params;

		this.imgUrl = imgUrl;
	},

	methods: {
		//返回上一页
		clickBack() {
			uni.navigateBack();
		}
	},

	components: {
		DistributionNavBar
	}
};
</script>

<style lang="scss" scoped>
.layout {
	&-header {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
		background: transparent;

		&-image {
			width: 40rpx;
			height: 40rpx;
			display: block;
		}
	}

	&-main {
		image {
			width: 100%;
		}
	}
}
</style>
